﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="apple-mobile-web-app-title" content="思路广惠">
		<title>线下商城</title>
		<meta content="telephone=no" name="format-detection" />

		<link href="//cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">

		<link rel="stylesheet" type="text/css" href="../../src/css/base.css?1.0" />
	</head>

	<body class="body-bg">
		<header class="header">
			<a href="homeclassify.html?type=1&Belong=OffLine" class="head-le">
				<i class="iconfont icon-one"></i>
			</a>
			<h1 class="header-txt">线下商城</h1> 
			<a href="searchs.html?Belong=OffLine" class="head-ri">
				<i class="iconfont icon-sousuo"></i>
			</a>
		</header>
		<section>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img class="w100" src="http://image.siluguanghui.com/Image/big/AppOffLineBanners/201701093ab24df6-7b3c-443c-8c07-2b4703a574b3.jpg" /></div>
					<div class="swiper-slide"><img class="w100" src="http://image.siluguanghui.com/Image/big/AppOffLineBanners/201701093f1804d3-ea7b-432c-aae4-ac71e9569f26.jpg " /></div>
					<div class="swiper-slide"><img class="w100" src="http://image.siluguanghui.com/Image/big/AppOffLineBanners/20170109ca6a1a71-017b-4696-8e99-2ee89b42a75d.jpg" /></div>
					<!--<div class="swiper-slide"><img src="http://image.siluguanghui.com/Image/big/AppOffLineBanners/20170109c2a9ff06-e38c-43e7-a1c4-b509771a1954.jpg "  /></div>-->
				</div>
				<div class="swiper-pagination"></div>
			</div>

			<div class="line-recom  top1rem">
				<h1 class="line-h1">热门推荐</h1>
				<div id="Sells" class="flex-wr">

				</div>

			</div>
			<div class="line-activity top1rem">
				<h1 class="line-h1">活动专区</h1>
				<div id="guess-box">

				</div>
			</div>
			<div class="top1rem">
				<h1 class="line-h1">推荐商品</h1>
				<div class="flex-wr" id="recommend">

				</div>
			</div>
		</section>
		<!--底部导航 -->
		<div class="bottom-nav">
			<div class="sc-box">
				<a href="homeintegral.html?type=2"><img src="../../src/images/button_jifenshangcheng.png" /></a>
				<a href="homeoffline.html?type=2"><img src="../../src/images/button_xianxiashangcheng.png" /></a>
			</div>
			<footer  class="centre flexs-al setup-u">
				<a class="flex1" href="index.html?type=0">
					<i class="iconfont icon-five"></i>
					<p>首页</p>
				</a>
				<a class="flex1" href="homeclassify.html?type=1">
					<i class="iconfont icon-one"></i>
					<p>分类</p>
				</a>
				<a class="flex1"  href="javascript:void(0)" id="slicksShop" index=0 >
					<div class="switch">
						<img src="../../src/images/button_close.png" />
					</div>
					<div class="switch">
						<i class="iconfont icon-four"></i>
						<p>丝路商城</p>
					</div>
				</a>
				<a class="flex1" href="../order/index.html?type=3">
					<i class="iconfont icon-three"></i>
					<p>购物车</p>
				</a>
				<a class="flex1" href="../center/index.html?type=4">
					<i class="iconfont icon-anonymity"></i>
					<p>我的</p>
				</a>
			</footer>
		</div>
		<!--热门推荐-->
		<script type="text/html" id="Sell">
			{{# for(var i = 0; i
			< d.PageData.length; i++){ }} <a class="blocks w50 padi5m" href="../order/details.html?typeID={{d.PageData[i].Sell_LinkID}}">
				<img class="w100" src={{d.img}}{{d.PageData[i].Image_Url}} />
				</a>
				{{# } }}
		</script>
		<!--活动专区-->
		<script type="text/html" id="guess-boxs">
			{{# for(var i = 0; i
			< d.PageData.length; i++){ }} <a href="#" class="blocks">
				<img class="w100" src={{d.img}}{{d.PageData[i].Image_Url}} />
				<p class="s15m padi5m">{{d.PageData[i].HandPick_Name}} </p>
				</a>
				{{# } }}
		</script>
		<script type="text/html" id="recommends">
			{{# for(var i = 0; i
			< d.PageData.length; i++){ }} <a class="blocks w50" href="../order/details.html?typeID={{d.PageData[i].Product_ID}}">
				<img class="vw50 padi5m" lay-src={{d.img}}{{d.PageData[i].Image_Url}} />
				<div class="padi5m">
					<p class="col3 aline">{{d.PageData[i].Product_Name}}</p>
					<p class="flexs-bw padud5m">
						<span class="off-span">线下商城</span>
						<span>{{d.PageData[i].Product_ConcernTotal}}人浏览</span>
					</p>
					<p class="s12m huef36">￥{{d.PageData[i].Product_PriceCash}}</p>
				</div>
				</a>
				{{# } }}
		</script>
		<script src="http://apps.bdimg.com/libs/laytpl.js/1.1/laytpl.js"></script>
		<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
		<script src="../../src/js/all.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../src/js/layui.js"></script>
		<script>
			silks.temp(["#Sell", "#Sells", 1], "/Home/GetHomeSell", {
				Belong: "AppOffLine"
			}); // 热门推荐
			silks.temp(["#guess-boxs", "#guess-box"], "/Home/GetHomeHandPick", {
				Belong: "AppOffLine"
			}); // 活动专区
			silks.flows(["#recommends", "#recommend"], "/WorkProduct/GetProductList", {
				MallType: "OffLine"
			}); // 推荐商品
		</script>
		<script>
			silks.fooChoo(); // 商城选择点击
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				autoplay: 5000,
				observer: true,
				observeParents: true,
			});
			mySwiper.update(true);
		</script>
	</body>

</html>